drawio是所见即所得式画图

Mermaid 是代码式画图

drawio 网址https://www.diagrams.net/https://www.diagrams.net/

drawio 网站封面 

 B站讲解

https://www.bilibili.com/video/BV15Z4y1a7fm?spm_id_from=333.788.top_right_bar_window_default_collection.content.clickhttps://www.bilibili.com/video/BV15Z4y1a7fm?spm_id_from=333.788.top_right_bar_window_default_collection.content.click

 Mermaid 网址Online FlowChart & Diagrams Editor - Mermaid Live EditorSimplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript.https://mermaid-js.github.io/mermaid-live-editor/

 Mermaid 网站封面 

 B站讲解

https://www.bilibili.com/video/BV1x34y1C788?spm_id_from=333.788.top_right_bar_window_default_collection.content.click